<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet/less" href="./css/reset.less">
    <link rel="stylesheet/less" href="./css/jiaxiao.less">
</head>

<body>
    <div class="nav1">
        <div class="nav1header">
            <div class="nav1header1">
                <div class="nav1logo"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>郑州<span
                        class="nav1address">[切换地址]</span>
                </div>
            </div>
            <div class="nav1header2 row">
                <div class="nav1f col-md-2">分享到</div>
                <div class="nav1f col-md-3">请登录/注册</div>
                <div class="nav1f col-md-5">免费服务电话：400-101-4545</div>
            </div>
            <div class="btn-group">
                <button type="button" class="btn btn-default dropdown-toggle xlcaidan" data-toggle="dropdown"
                    aria-haspopup="true" aria-expanded="false">
                    用户 <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="#">分享到</a></li>
                    <li><a href="#">请登录/注册</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="#">免费服务电话：400-101-4545</a></li>
                </ul>
            </div>
        </div>

        <div class="nav1nav row">
            <div class="nav1logo col-md-4">
                <div class="nav1lo1">
                    <img src="./image/jiaxiao/logo_03.jpg" alt="logo">
                </div>
                <div class="nav1lo1">
                    <img src="./image/jiaxiao/logoname_03.png" alt="logoname">
                </div>
                <div class="nav1lo1">
                    <img src="./image/jiaxiao/logopt.jpg" alt="logopt">
                </div>
            </div>
            <div class="nav1logonav col-md-6">
                <div class="nav1lgnv">首页</div>
                <div class="nav1lgnv">我要考驾校</div>
                <div class="nav1lgnv">学车流程</div>
                <div class="nav1lgnv">服务保障</div>
                <div class="nav1lgnv">关于驾考团</div>
            </div>
        </div>

        <div class="nav1back">
            <div class="nav1bkwz">
                <h3 class="nav1h">教练好坏看人品？</h3>
                <h3 class="nav1h">教练管好才靠谱！</h3>
            </div>
            <div class="nav1btn">see more</div>
            <div class="nav1search">
                <div class="nav1sh"><img src="./image/jiaxiao/nav1sfz_03.jpg" alt="省份证">请输入您的姓名</div>
                <div class="nav1sh"><img src="./image/jiaxiao/nav1sj_03.jpg" alt="号码">请输入您的手机号</div>
                <div class="nav1sh">获取免费咨询</div>
            </div>
        </div>
    </div>

    <div class="nav2">
        <div class="nav2auto">
            <h2 class="nav2h">为什么选择<span>大豫驾考团</span></h2>
            <p class="nav2p">大豫驾考团是最屌的学车平台，大豫驾考团是最屌的学车平台大豫驾考团是最屌，的学车平台
            </p>
            <div class="nav2hen"></div>
            <div class="nav2mokuai">
                <div class="nav2mk">
                    <h3 class="nav2mkh">贴身顾问</h3>
                    <div class="nav2circle"></div>
                    <div class="nav2dp">
                        <p class="nav2p">大豫驾考团学车顾问7*12小时为您提供专业驾考咨询服务，全天候为您解决学车过程中遇到的任何问题</p>
                    </div>
                </div>
                <div class="nav2mk">
                    <h3 class="nav2mkh">媒体监督</h3>
                    <div class="nav2circle"></div>
                    <div class="nav2dp">
                        <p class="nav2p">大豫驾考团学车顾问7*12小时为您提供专业驾考咨询服务，全天候为您解决学车过程中遇到的任何问题</p>
                    </div>
                </div>
                <div class="nav2mk">
                    <h3 class="nav2mkh">消费透明</h3>
                    <div class="nav2circle"></div>
                    <div class="nav2dp">
                        <p class="nav2p">大豫驾考团学车顾问7*12小时为您提供专业驾考咨询服务，全天候为您解决学车过程中遇到的任何问题</p>
                    </div>
                </div>
                <div class="nav2mk">
                    <h3 class="nav2mkh">驾考特权</h3>
                    <div class="nav2circle"></div>
                    <div class="nav2dp">
                        <p class="nav2p">大豫驾考团学车顾问7*12小时为您提供专业驾考咨询服务，全天候为您解决学车过程中遇到的任何问题</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="nav3">
        <h3 class="nav3h">操作 · <span>流程</span></h3>
        <div class="nav3hen"></div>
        <div class="nav3hen"></div>
        <div class="nav3mokuai">
            <div class="nav3mk">
                <div class="nav3xing">
                    <img src="./image/jiaxiao/nav3vip.jpg" alt="星">
                </div>
                <h3 class="nav3mkh">选择驾校</h3>
            </div>
            <div class="nav3border"></div>
            <div class="nav3mk">
                <div class="nav3xing">
                    <img src="./image/jiaxiao/nav3vip.jpg" alt="星">
                </div>
                <h3 class="nav3mkh">选择驾校</h3>
            </div>
            <div class="nav3border"></div>
            <div class="nav3mk">
                <div class="nav3xing">
                    <img src="./image/jiaxiao/nav3vip.jpg" alt="星">
                </div>
                <h3 class="nav3mkh">选择驾校</h3>
            </div>
            <div class="nav3border"></div>
            <div class="nav3mk">
                <div class="nav3xing">
                    <img src="./image/jiaxiao/nav3vip.jpg" alt="星">
                </div>
                <h3 class="nav3mkh">选择驾校</h3>
            </div>
            <div class="nav3border"></div>
            <div class="nav3mk">
                <div class="nav3xing">
                    <img src="./image/jiaxiao/nav3vip.jpg" alt="星">
                </div>
                <h3 class="nav3mkh">选择驾校</h3>
            </div>
        </div>
        <h3 class="nav3hb">您也可以拨打客服电话400-101-4545，我们有专门客服为您推荐驾校和班型</h3>
        <button class="nav3btn">开始学车之旅</button>
    </div>

    <div class="nav4">
        <h3 class="nav4h">操作 · <span>流程</span></h3>
        <div class="nav4hen"></div>
        <div class="nav4hen"></div>
        <div class="nav4mokuai">
            <div class="nav4mk">
                <div class="nav4mkt"></div>
                <div class="nav4mkh">四通驾校VIP夜班</div>
                <div class="nav4mkh2">大豫优惠价：<span>¥4500.00</span></div>
                <div class="nav4xing">
                    <div class="nav4pf">
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                    </div>
                    <div class="nav4xj">2.6分</div>
                    <div class="nav4xj">109条学员点评</div>
                </div>
                <div class="nav4df">全程最低价、不满意随时退、不满意随时退</div>
            </div>
            <div class="nav4mk">
                <div class="nav4mkt"></div>
                <div class="nav4mkh">四通驾校VIP夜班</div>
                <div class="nav4mkh2">大豫优惠价：<span>¥4500.00</span></div>
                <div class="nav4xing">
                    <div class="nav4pf">
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                    </div>
                    <div class="nav4xj">2.6分</div>
                    <div class="nav4xj">109条学员点评</div>
                </div>
                <div class="nav4df">全程最低价、不满意随时退、不满意随时退</div>
            </div>
            <div class="nav4mk">
                <div class="nav4mkt"></div>
                <div class="nav4mkh">四通驾校VIP夜班</div>
                <div class="nav4mkh2">大豫优惠价：<span>¥4500.00</span></div>
                <div class="nav4xing">
                    <div class="nav4pf">
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                    </div>
                    <div class="nav4xj">2.6分</div>
                    <div class="nav4xj">109条学员点评</div>
                </div>
                <div class="nav4df">全程最低价、不满意随时退、不满意随时退</div>
            </div>
        </div>
    </div>

    <div class="nav5">
        <div class="nav5h">手机上的<span>驾校</span>，随时随地<span>约车</span></div>
        <div class="nav5ewm">
            <img src="./image/jiaxiao/nav5ewm_03.jpg">
        </div>
        <div class="nav5tp">
            <img src="./image/jiaxiao/nav5shouji_03.jpg" alt="手机">
        </div>
    </div>

    <div class="nav6">
        <h3 class="nav6h">最新 · <span>资讯</span></h3>
        <div class="nav6hen"></div>
        <div class="nav6hen"></div>
        <div class="nav6mokuai">
            <div class="nav6tp">
                <img src="./image/jiaxiao/nav6tp_03.jpg">
            </div>
            <div class="nav6xx">
                <div class="nav6xd">
                    <h3 class="nav6xh">昨天(24日)，受冷空气影响，北方部分地</h3>
                    <p class="nav6xp">未来三天冷空气将继续东移南下，我国将自北向南出现一轮降水过程，局部地区有暴雨;降雨过后，温将...</p>
                    <p class="nav6xp2">2016-05-17</p>
                </div>
                <div class="nav6xd">
                    <h3 class="nav6xh">昨天(24日)，受冷空气影响，北方部分地</h3>
                    <p class="nav6xp">未来三天冷空气将继续东移南下，我国将自北向南出现一轮降水过程，局部地区有暴雨;降雨过后，温将...</p>
                    <p class="nav6xp2">2016-05-17</p>
                </div>
                <div class="nav6xd">
                    <h3 class="nav6xh">昨天(24日)，受冷空气影响，北方部分地</h3>
                    <p class="nav6xp">未来三天冷空气将继续东移南下，我国将自北向南出现一轮降水过程，局部地区有暴雨;降雨过后，温将...</p>
                    <p class="nav6xp2">2016-05-17</p>
                </div>
                <div class="nav6xd">
                    <h3 class="nav6xh">昨天(24日)，受冷空气影响，北方部分地</h3>
                    <p class="nav6xp">未来三天冷空气将继续东移南下，我国将自北向南出现一轮降水过程，局部地区有暴雨;降雨过后，温将...</p>
                    <p class="nav6xp2">2016-05-17</p>
                </div>
            </div>
            <div class="nav6wd">
                <h3 class="nav6wdh">智能学车时代</h3>
                <div class="nav6wdd">
                    <div class="nav6wp">未来三天冷空气将继续东移南下，我国将自北向南出现一轮降水过程，局部地区有暴雨;降雨过后，温将...</div>
                </div>
                <div class="nav6wf">2016-07-12</div>
            </div>
        </div>
    </div>

    <div class="nav7">
        <div class="nav7back">
            <h3 class="nav7h">学员<span>日记</span></h3>
            <div class="nav7hen"></div>
            <div class="nav7hen"></div>
            <!-- <img src="./image/jiaxiao/nav7zpq_02.jpg" alt="背景墙"> -->
            <div class="nav7dxy">
                <div class="nav7xy">
                    <div class="nav7sy">
                        <img src="./image/jiaxiao/nav7sy_03.jpg" alt="双引号">
                    </div>
                    <div class="nav7xp">美团外卖专业品质外卖网，饿了么，饿了订外卖就上美团外卖。美团外卖覆盖全国各城市优质外卖商家、快餐和特色美食，拥有最先进的外卖网上订餐平台和专业外卖送餐团队
                    </div>
                    <div class="nav7xbq">
                        <img src="./image/jiaxiao/nav7baoqiang_03.jpg" alt="王宝强">
                    </div>
                    <div class="nav7wbq">王宝强，四通驾校VIP夜班学员</div>
                </div>
                <div class="nav7xy">
                    <div class="nav7sy">
                        <img src="./image/jiaxiao/nav7sy_03.jpg" alt="双引号">
                    </div>
                    <div class="nav7xp">美团外卖专业品质外卖网，饿了么，饿了订外卖就上美团外卖。美团外卖覆盖全国各城市优质外卖商家、快餐和特色美食，拥有最先进的外卖网上订餐平台和专业外卖送餐团队
                    </div>
                    <div class="nav7xbq">
                        <img src="./image/jiaxiao/nav7baoqiang_03.jpg" alt="王宝强">
                    </div>
                    <div class="nav7wbq">王宝强，四通驾校VIP夜班学员</div>
                </div>
                <div class="nav7xy">
                    <div class="nav7sy">
                        <img src="./image/jiaxiao/nav7sy_03.jpg" alt="双引号">
                    </div>
                    <div class="nav7xp">美团外卖专业品质外卖网，饿了么，饿了订外卖就上美团外卖。美团外卖覆盖全国各城市优质外卖商家、快餐和特色美食，拥有最先进的外卖网上订餐平台和专业外卖送餐团队
                    </div>
                    <div class="nav7xbq">
                        <img src="./image/jiaxiao/nav7baoqiang_03.jpg" alt="王宝强">
                    </div>
                    <div class="nav7wbq">王宝强，四通驾校VIP夜班学员</div>
                </div>
            </div>
        </div>
    </div>

    <div class="nav8">
        <div class="nav8footer">网址：www.kuaikuaixueche.cn</div>
        <div class="nav8footer">Emill：441444270@qq.com</div>
        <div class="nav8footer">传真：012-12546145625-120</div>
        <div class="nav8footer"></div>
    </div>
</body>

</html>
<script src="./js/jquery-3.7.1.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/less.js"></script>
<script>
    let b = 1;
    var a = 10;
    var c = function () {
        let b = 4;
        console.log(b);
    }
    console.log(b);
    console.log(this.a);
    console.log(c());
    for (var i = 0; i < 10; i++) {
        setTimeout(function () {
            console.log(i);
        }, 100)
    }

    let demo = 'ES6';
let str = `Hello ${demo}`;
console.log(str);
</script>